WEB前端设计修炼之道

2018.6.24 星期日 11:54

一 web前端开发ABC

1.1 web大局观

web诞生,网络技术领导者W3C,不断优化的客户端技术,服务端技术的成熟

1.2 地位、曲线和使命

路漫漫,千军易得一将难求,望而却步的学习曲线,如何自身定位

1.3 前端开发所需掌握的技术

1.4 常用工具

设计,原型,调试,辅助

二 打造前端设计的基石-交出你的原型稿

2.1 UCD-以用户为中心的设计原则

关注用户,用户调研,更含蓄的方式

2.2 交出第一份设计稿

为什么原型设计很重要,原型如何表现,做好原型产品的注意事项

2.3 让工具帮助你

创建用户模型,Balsamiq Mockups设计概念图,Axure RP设计交互原型,更真实的表现

三 从过去到未来-前端设计演变之路

3.1 最熟悉的陌生人

浏览器之争,性能对比,ie PK web标准

3.2 结构的变迁

表格噩梦,基于div和css的布局结构

3.3 不单纯是脚本

js的原貌,华丽的进化,ajax不得不提,脚本框架的出现

3.4 接触未来一-初探html5

摘要,结构,flash杀手canvas,设计一个布局结构文档,对表单的支持

3.5 接触未来二-css3的世界很精彩

选择器的变化,布局的变化,样式的变化,动画

四 让你的设计深入人心-可用性设计

4.1 可用性原则

别让我思考,停止你的假设,针对扫描而设计

4.2 高可用性页面

导航之道,当链接变成云,设计可用的表单,拒绝写作艺术

4.3 可用性测试

如何测试,现象与本质

4.4 巧妙应对错误

提前预防,设计有用的信息,人性化操作

4.5 系统一致性设计

规范设计,有始有终

五 原型模型化

5.1 布局之道

基本布局样式属性,基于网络系统的css框架布局,流体布局

5.2 样式就是设计

必须了解样式技术,使用样式完成所有事件

5.3 动态交互之美

js设计新思维,jquery是最佳实践,一个关于tab导航的交互例子

5.4 设计理念的碰撞与融合

png透明色的应用,大菜单,tab选项卡,模态窗口,unobrusive的web开发

六 探索、品味、总结-经典设计思维

6.1 平衡网站的色彩

色彩的联想,色彩三要素,流行配色

6.2 简洁的思想斗争

有效利用空白,是时候“减肥”了,简洁的背后

6.3 排版艺术

充分了解你要使用的字体,其他重要排版要素

6.4 80%的情况下我们可以这样做

轻松导航,便捷检索,快速选择,有效帮助

七 让你的设计更加完美-优化技巧和最佳实践

7.1 性能在前端的重要性

7.2 前端性能优化的基本原则

页面内容,服务器

7.3 让自己更容易被发现

SEO策略,前端搜索引擎友好,其他,维护SEO效果

八 思考与展望-浅谈web发展的未来

8.1 不可思议的web2.0

是一场必然的革命,web2.0的新生活,云时代的脚本

8.2 REST

什么是,初探,ajax和rest组合

8.3 Mashup与Widget

什么是Mashup,实践,1+1>2,Widget

8.4 拥抱未来,拥抱Web3.0

什么样,语义网,web3.0先行者

8.5

8.

12:13

knowledge is no pay,reward is kindness
0%